//封装分类数据
import {getCategoryAPI} from '@/api/category.js'
import{ref,onMounted} from 'vue'
import {useRoute} from 'vue-router'  //1
import {onBeforeRouteUpdate}  from 'vue-router'
export const   useCategory = ()=>{
    const categoryData=ref([])
    const route=useRoute()//2.可以获取到参数
    // 传的话是最新的参数id，不传的话是默认的参数
    const getCategory=async(id=route.params.id)=>{
    
      const res=await getCategoryAPI(id)
      categoryData.value=res.result
      console.log('222',res);
      
    }
    onMounted(()=>{
      getCategory()
    })
    //目标：路由参数变化时候可以把分类数据接口重新发送
    onBeforeRouteUpdate((to)=>{
      console.log('路由变化咯');
      //存在问题：使用最新的路由请求参数请求最新的分类数据
      getCategory(to.params.id)//传了就是最新的参数
    })
    return {
        categoryData
    }

}